<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios入门案例</title>
	</head>
	<body>
		<h1>Ajax请求练习</h1>
		<!-- 使用步骤
			1. 导入JS函数类库
			2. 发起Ajax请求，之后业务处理
		-->
		<script src="../js/axios.js"></script>
		<script>
			// 案例1：利用axios获取后台用户列表，使用到了gitee上mycgb-p3的springboot-demo4项目
			// http://localhost:8080/findAll
			// axios请求方式
			//  1. 请求类型	
				// 1. get 执行查询业务
				// 2. post 执行form表单提交（登录/新增）
				// 3. put 执行修改操作
				// 4. delete 执行删除业务时
			// 2.axios语法
				// axios.get("url地址信息"，"参数信息")
					// .then(function(args){
					//	
					//  })
			// 3. 关于args参数说明
				// axios为了统筹请求状态，将所有的数据封装
				// 利用promise对象进行封装
			// axios.get("http://localhost:8080/findAll")
			// 		.then(function(promise){
			// 			console.log(promise.data)
			// 		})
					
			/*
			案例2：JS为了简化用户调用方法提供了箭头函数写法
				function可以省略
			*/
		   axios.get("http://localhost:8080/findAll")
				.then(promise => {
					console.log(promise)
					console.log(promise.data)
				})
		</script>
	</body>
</html>
